<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>周迎川的Web大作业</title>
  <!-- MDB icon -->
  <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <!-- Material Design Bootstrap -->
  <link rel="stylesheet" href="css/mdb.min.css">
  <!-- Your custom styles (optional) -->
  <link rel="stylesheet" href="css/style_sen.css">
</head>

<body>

  <!-- Start your project here-->
  <!-- Main navigation -->
  <header>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">
      <div class="container">
        <a class="navbar-brand" href="index.html">我的教育经历</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
          aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">Home
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="primary.html">小学</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="junior.html" data-offset="90">初中</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="senior.html" data-offset="90">高中</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="senior4.html" data-offset="90">高四</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="university.html" data-offset="90">大学</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="ending.html" data-offset="90">Ending</a>
            </li>
          </ul>
          <!-- Social Icon  -->
          <ul class="navbar-nav nav-flex-icons">
            <li class="nav-item">
              <a class="nav-link">
                <i class="fab fa-facebook-f light-green-text-2"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link">
                <i class="fab fa-twitter light-green-text-2"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link">
                <i class="fab fa-instagram light-green-text-2"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- Navbar -->
    <!-- Full Page Intro -->
    <div class="view">
      <video class="video-intro" poster="https://mdbootstrap.com/img/Photos/Others/background.jpg" playsinline autoplay
        muted loop>
        <source src="https://mdbootstrap.com/img/video/animation.mp4" type="video/mp4">
      </video>
      <!-- Mask & flexbox options-->
      <div class="mask rgba-gradient d-flex justify-content-center align-items-center">
        <!-- Content -->
        <div class="container px-md-3 px-sm-0">
          <!--Grid row-->
          <div class="row wow fadeIn">
            <!--Grid column-->
            <div class="col-md-12 mb-4 white-text text-center wow fadeIn">
              <h3 class="display-3 font-weight-bold white-text mb-0 pt-md-5 pt-5">高中</h3>
              <hr class="hr-light my-4 w-75">
              <h4 class="subtext-header mt-2 mb-4">不积跬步，无以至千里；不积小流，无以成江海。</h4>
              <a href="#about" data-offset="90" class="btn btn-rounded btn-outline-white">
                <i href="" class="fas fa-home "></i> Visit us
              </a>
            </div>
            <!--Grid column-->
          </div>
          <!--Grid row-->
        </div>
        <!-- Content -->
      </div>
      <!-- Mask & flexbox options-->
    </div>
    <!-- Full Page Intro -->
  </header>
  <!--Main layout-->

  <main class="mt-5">

    <div class="container" id="about">

      <hr class="my-5">

      <!--Section: Gallery-->
      <section id="gallery">

        <!-- Heading -->
        <h2 class="mb-5 font-weight-bold text-center">重庆市云阳凤鸣中学</h2>

        <!--Grid row-->
        <div class="row">

          <!--Grid column-->
          <div class="col-md-6 mb-4">

            <!--Carousel Wrapper-->
            <div id="carousel-example-2" class="carousel slide carousel-fade" data-ride="carousel">
              <!--Indicators-->
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-2" data-slide-to="1"></li>
                <li data-target="#carousel-example-2" data-slide-to="2"></li>
              </ol>
              <!--/.Indicators-->
              <!--Slides-->
              <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                  <div class="view">
                    <img class="d-block w-100" src="./img/myimg/gz4/gz5.jpg" alt="First slide">
                    <!-- <div class="mask rgba-black-light"></div> -->
                    <div class="mask rgba-black-slight"></div>
                  </div>
                  <!-- <div class="carousel-caption">
                    <h3 class="h3-responsive">Light mask</h3>
                    <p>First text</p>
                  </div> -->
                </div>
                <div class="carousel-item">
                  <!--Mask color-->
                  <div class="view">
                    <img class="d-block w-100" src="./img/myimg/gz4/gz39.jpg" alt="Second slide">
                    <div class="mask rgba-black-slight"></div>
                    <!-- <div class="mask rgba-black-strong"></div> -->
                  </div>
                  <!-- <div class="carousel-caption">
                    <h3 class="h3-responsive">Strong mask</h3>
                    <p>Secondary text</p>
                  </div> -->
                </div>
                <div class="carousel-item">
                  <!--Mask color-->
                  <div class="view">
                    <img class="d-block w-100" src="./img/myimg/gz4/gz34.jpg" alt="Third slide">
                    <div class="mask rgba-black-slight"></div>
                  </div>
                  <!-- <div class="carousel-caption">
                    <h3 class="h3-responsive">Slight mask</h3>
                    <p>Third text</p>
                  </div> -->
                </div>
              </div>
              <!--/.Slides-->
              <!--Controls-->
              <a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
              <!--/.Controls-->
            </div>
            <!--/.Carousel Wrapper-->

          </div>
          <!--Grid column-->

          <!--Grid column-->
          <div class="col-md-6">

            <h4 class="mb-3"><strong> 明道求真，凤翔致远</strong></h4>
            <p>重庆市云阳凤鸣中学校地处凤鸣古镇，距县城十二公里。1810年始办义学，1847年为凤鸣书院，
              后更名为高等小学、明道中学、国办初级中学，1982年升格为高完中，2010年以全市第一的评估结果成功晋升重庆市重点中学。
              学校历经两百年风雨沧桑，形成了“负重自强，踏实争先”的学校精神和“为每一位学生的成功奠基”的办学理念。</p>

            <p>学校现占地138.5亩，建筑面积近6万平米。现有教学班75个，其中初中班9个，高中班66个，共有学生4880名，
              教职工286名。教学楼、科教楼、师生食堂、师生宿舍、四百米塑胶运动场和图书馆、心理咨询室、通用技术实验室等设备设施，
              配置先进，走在全市前列。</p>
            <p>by <a><strong>Yingchuan Zhou</strong></a>, 26/05/2021</p>
            <a href="http://www.023xiaoyuan.com/detail/intro/sid/14164466889646667" class="btn btn-purple btn-md">Learn
              more</a>

          </div>
          <!--Grid column-->

        </div>
        <!--Grid row-->

      </section>
      <!--Section: Gallery-->

      <hr class="my-5">
      <!--Section: projects-->
      <section id="projects" class="text-center py-5" style="background-color: #eee;">

        <!-- Container -->
        <div class="container">

          <!-- Section heading -->
          <h2 class="h1-responsive font-weight-bold mb-5">高中记忆</h2>
          <!-- Section description -->
          <!-- <p class="grey-text w-responsive mx-auto mb-5">Duis aute irure dolor in reprehenderit in
          voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
          cupidatat non proident, sunt in culpa qui officia deserunt mollit est laborum.</p> -->

          <!-- Grid row -->
          <div class="row text-center">

            <!-- Grid column -->
            <div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz/gz19.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">高一</h4>
                  <p class="grey-text">高一上学期，高中生活的初体验，刚经历了中考，脱离了初三的“苦海”，
                    正是由于这种解脱感，开始了自己放纵的未分科高中生活。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

            <!-- Grid column -->
            <div class="col-lg-4 col-md-6 mb-md-0 mb-4">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz/gz25.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">高二</h4>
                  <p class="grey-text">高一下学期，分成了文科和理科，我的理科生涯就此开始。这是和新室友第一次出去聚餐，
                    清楚的记得吃饭前还是他们给我打电话催我的，我在网吧玩游戏。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

            <!-- Grid column -->
            <div class="col-lg-4 col-md-6">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz/gz18.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">高三</h4>
                  <p class="grey-text">和室友第二次聚餐，这次我们喝酒了，好像还有点小醉了。干杯都在喊口号，不苦不累，高三无味；不拼不搏，高三白活。
                    晚上的模拟考试，我们寝室都在跑厕所（因为喝的啤酒），班主任还给我们开玩笑说：下次喝酒记得叫他。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

          </div>
          <!-- Grid row -->

        </div>
        <!-- Container -->

      </section>
      <!--Section: projects-->

      <hr class="my-5">
      <!--Section: projects-->
      <section id="projects" class="text-center py-5" style="background-color: #eee;">

        <!-- Container -->
        <div class="container">

          <!-- Section heading
       <h2 class="h1-responsive font-weight-bold mb-5">Our best projects</h2>
        Section description
       <p class="grey-text w-responsive mx-auto mb-5">Duis aute irure dolor in reprehenderit in
         voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
         cupidatat non proident, sunt in culpa qui officia deserunt mollit est laborum.</p> -->

          <!-- Grid row -->
          <div class="row text-center">

            <!-- Grid column -->
            <div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz/gz23.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">游戏</h4>
                  <p class="grey-text">游戏是我高中很“重要”的一部分，是高中唯一的兴趣爱好，在游戏花费了我两年青春，
                    还有从日常生活费中省出的资金。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

            <!-- Grid column -->
            <div class="col-lg-4 col-md-6 mb-md-0 mb-4">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz/gz22.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">状元餐</h4>
                  <p class="grey-text">我们学校的传统吧，在奔赴高考考场之前，我们会吃一顿饭，学校请客。
                    不仅是在高考前给我们加油，还是学校对我们的期望，所以叫状元餐。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

            <!-- Grid column -->
            <div class="col-lg-4 col-md-6">
              <!--Featured image-->
              <div class="view overlay rounded z-depth-1">
                <img src="./img/myimg/gz/gz.3.jpg" class="img-fluid" alt="Sample project image">
                <a>
                  <div class="mask rgba-white-slight"></div>
                </a>
                <!--Excerpt-->
                <div class="card-body pb-2">
                  <h4 class="font-weight-bold my-3">录取通知书</h4>
                  <p class="grey-text">如愿以偿，我拿到了我的第一份录取通知书，为什么说是如愿以偿？
                    因为我在高三的时候已经打算再战一次了，拿到了这份录取通知书，更加坚定了我复读的信念。
                  </p>
                  <!-- <a class="btn btn-purple btn-sm"><i class="fas fa-clone left"></i> View project</a> -->
                </div>
              </div>
            </div>
            <!-- Grid column -->

          </div>
          <!-- Grid row -->

        </div>
        <!-- Container -->

      </section>
      <!--Section: projects-->

    </div>

    <hr class="my-5">
    <div class="container">
      <!--Grid row 1-->
      <div class="row">
        <!--Grid column 1-->
        <div class="col-md-7">
          <div class="view overlay z-depth-1-half">
            <img src="./img/myimg/gz/gz26.jpg" class="card-img-top" alt="">
            <div class="mask rgba-white-light"></div>
          </div>
        </div>
        <!--Grid column-->
        <!--Grid column 2-->
        <div class="col-md-5">
          <h2>06/2018,毕业于凤鸣中学</h2>
          <hr>
          <p>天下没有不散的宴席，因为人们终会吃饱。毕业了，不要会忘校园的璀璨美景；
            毕业了，不会忘同学们的情义；毕业了，不会忘我们共同的梦想，不会忘记老师们的敦敦教诲。
            现在回想起高中三年，用一句话总结：我本来可以做得更好。
          </p>
          <p>一年一度的高考已尘埃落定，我也即将踏上新的求学之路。回首高三，喜怒哀乐、胜败荣辱，历历在目，
            如同发生在昨天。而更令我久久回味的是在这一时期，心志的体验，思想的升华，人生的成熟。我发现，
            在高三这一人生重要的关口，能否拥有成熟的奋斗心态、理智的处事原则，对最终的结果有着至关重要的影响。
          </p>
          <!-- <a href="#" class="btn btn-primary offset-90">Get it now!</a> -->
        </div>
        <!--Grid column-->
      </div>
      <!--Grid row-->
    </div>
  </main>


  <!-- Footer -->
  <footer class="page-footer font-small pt-4" style="background-color: #563e91">

    <!-- Footer Elements -->
    <div class="container">

      <!-- Social buttons -->
      <ul class="list-unstyled list-inline text-center">
        <li class="list-inline-item">
          <a class="btn-floating btn-fb mx-1">
            <i class="fab fa-facebook-f"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-tw mx-1">
            <i class="fab fa-twitter"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-gplus mx-1">
            <i class="fab fa-google-plus-g"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-li mx-1">
            <i class="fab fa-linkedin-in"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-dribbble mx-1">
            <i class="fab fa-dribbble"> </i>
          </a>
        </li>
      </ul>
      <!-- Social buttons -->

    </div>
    <!-- Footer Elements -->

    <!-- Copyright -->
    <div class="footer-copyright text-center py-3">© 2018 Copyright:
      <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>
    </div>
    <!-- Copyright -->

  </footer>
  <!-- Footer -->

  <!-- End your project here-->

  <!-- jQuery -->
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript" src="js/popper.min.js"></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript" src="js/mdb.min.js"></script>
  <!-- Your custom scripts (optional) -->
  <script type="text/javascript"></script>

</body>

</html>